Hardware considerations 硬體注意事項

Display Cutout 顯示缺口

顯示缺口是螢幕上預留給攝像頭或感測器的區域，雖然能讓螢幕更大，但應用介面要避免被遮擋。

Foldable devices 摺疊裝置

摺疊屏裝置可以摺疊和展開，設計介面時要考慮它的特殊性。

Fold 摺疊

摺疊屏可以把螢幕分成兩個區域，可能是無縫的柔性摺疊，也可能是帶鉸鏈的雙屏，設計時需要考慮如何顯示內容。

Device State 摺疊屏裝置有三種常見狀態

a 摺疊狀態 – 類似普通手機模式。

b 完全展開 – 變成大屏模式，支援橫屏或豎屏。

c 桌面模式 – 90 度摺疊，像筆記本一樣放置，注意摺疊區域的 UI 適配。

Interaction 互動

App Continuity 應用連續性

噹噹在可摺疊裝置上執行時，應用程式可以自動從一個螢幕切換到另一個螢幕。切換後，應用程式應在相同的狀態和位置恢復，當前任務應無縫繼續。

Scrolling Behavior 滾動行為

當展開面板時，可以選擇整個視窗同時滾動，或讓每個面板獨立滾動。

如果設計了多個面板，每個面板可以作為獨立滾動區域，提升多工處理能力。

Multi-Window Mode 多視窗模式

多視窗模式允許同時執行多個應用，方便多工處理。但不要與單個應用的多面板佈局混淆。

User needs 使用者需求

• 應用平滑過渡效果

• 方便使用者建立和切換多視窗

• 簡化互動模式，降低使用者操作負擔

• 在所有可摺疊裝置上保持一致的視窗動態效果

Taskbar 工作列

工作列顯示固定和推薦的應用快捷方式，可快速開啟獨立視窗。

Context Menu 上下文選單

使用者可以透過應用的上下文選單，在多工介面中建立多個視窗。

Adjusting Window Sizes 調整視窗大小

預設多視窗模式是 50/50 分屏，使用者可以調整為 1:3 或 2:3 以專注某個應用，並適應不同的螢幕大小。